<template>
    <div style="height: 50px;line-height: 50px;border-bottom: 1px solid #ccc;display: flex">
        <div style="width: 200px;padding-left: 30px;font-weight: bold;color: dodgerblue">后台系统</div>

        <div style="flex: 1"></div>
        <div style="width: 100px;">
            <el-dropdown>
                <el-button type="primary">
                    {{user.username}}
                    <el-icon class="el-icon--right"><arrow-down/></el-icon>
                </el-button>
                <template #dropdown>
                    <el-dropdown-menu>
                        <el-dropdown-item @click="$router.push('/person')">个人信息</el-dropdown-item>
                        <el-dropdown-item @click="$router.push('/login')">退出系统</el-dropdown-item>
                    </el-dropdown-menu>
                </template>
            </el-dropdown>
        </div>
    </div>
</template>

<script>

    export default {
        name: "Header",
        props: ['user'],
        data() {
            return {
                user:{}

            }
        },
        created() {
            let userStr = sessionStorage.getItem("user") || "{}"
            this.user = JSON.parse(userStr)

        }
    }
</script>

<style scoped>

</style>